<template>
    <div id="app">
        <router-view></router-view>

        <!--<tabbar>-->
            <!--<tabbar-item>-->
                <!--<Icon slot="icon" type="cancel"></Icon>-->
                <!--<span slot="label">首页</span>-->
            <!--</tabbar-item>-->
            <!--<tabbar-item show-dot>-->
                <!--<Icon slot="icon" type="cancel"></Icon>-->
                <!--<span slot="label">查询</span>-->
            <!--</tabbar-item>-->
            <!--<tabbar-item selected link="/component/demo">-->
                <!--<Icon slot="icon" type="cancel"></Icon>-->
                <!--<span slot="label">个人中心</span>-->
            <!--</tabbar-item>-->
        <!--</tabbar>-->
    </div>
</template>

<script>
    import {Tabbar, TabbarItem} from 'vux'
    import Icon from "vux/src/components/icon/index";

    export default {
        components: {
            Icon,
            Tabbar,
            TabbarItem
        },
        name: 'app'
    }
</script>

<style lang="less">
    @import '~vux/src/styles/reset.less';

    body {
        background-color: #fff;
    }
</style>
